<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>测评记录</title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<style>
			.evalua_con{
				width: 90%;
				height: auto;
				max-height: 500px;
				margin: 30px auto;
				padding: 6px 10px;
				background: #fff;
				font-size: 20px;
			}
			.layui-table-view{
				border-style: none !important;
			}
		</style>
	</head>
	<body>
		<!-- 导航部分Start -->
		<%@ include file="sysmenu.jsp"%>
		<!-- 导航部分End -->	
		
		<!--测评记录-Start-->
		<div class="evalua_con">
			<p>测评记录</p>
			
			<table class="layui-hide" id="evalua_tab" lay-filter="evalua_tab" lay-skin="nob"></table>
		</div>
		<script type="text/html" id="usageType">
			<span>{{d.usageType == 'back_paper' ? '套卷测评' : '个人组卷测评' }}</span>
		</script>
		<!--测评记录-Start-->
		
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="layui/layui.all.js" ></script>
		<script type="text/javascript">
		layui.use('table', function() {
			$(".tpt-nav li ul").css("display","none");
			$(".zhixinyun").css("display","none");
			
			var table = layui.table;
			table.render({
				elem: '#evalua_tab',
				url: 'evaluationhistory.action',
				skin: 'nob',
				size: 'lg',
				even: true,
				cols: [
					[{
						field: 'paperName',
						title: '测评名称'	,
						align: 'center'
					}, {
						field: 'evaluationTime',
						title: '测评时间',
						align: 'center'
					}, {
						field: 'usageType',
						title: '测评类型',
						toolbar : '#usageType',
						align: 'center'
					}]
				],
				page: {
					layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'],
					groups: 5,
					limit: 10,
					limits: [10, 20, 30, 40, 50],
					theme: '#1E9FFF',						
			 	}
			});
		});
		</script>
	</body>
</html>
